<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王梨</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="A">
        <div class="one">
            <h1>-THE-<br>WORLD OF A GIRL<br>-WANGLI-</h1>
            <div class="wangpengyu">
                <div class="two">
                    <a href="#gerenjianjie">个人简介</a>
                </div>
                <div class="three">
                    <a href="#jiazhiguan">价值观</a>
                </div>
                <div class="four">
                    <a href="#zuopingzhan">作品展</a>
                </div>
                <div class="five">
                    <a href="#lianxiwo">联系我</a>
                </div>
            </div>

        </div>
    </div>


    <section class="wangli ">
        <h1 id="gerenjianjie">个人简介</h1>
        <p>饭可以一日不吃，觉可以一日不睡，书不可以一日不读。我热爱读书，尤其爱三毛的书，三毛的书里有动人的故事和遥不可及的远方，增长了见识也教会了我成长。</p>
    </section>
    <div class="B">
        <div class="Ba">
            <div class="Bb">
                <img src="个人.jpg" width="300px" height="400px"></div>
            <div class="Bc">

                <p>职业：UI设计师 爱好:插画、色彩<br>我是一个喜欢追求美的女孩，我喜欢逛逛淘宝，<br>看看美妆，把心思都放在怎么打扮自己上，<br>随着年龄的增长，我逐渐意识到自己的未来不能就这样<br>迷失，我开始寻找着自己的方向.</p>
            </div>
            <div class="Bd">
                <h1>今天也要快乐加倍！</h1>
            </div>
        </div>
    </div>

    <div class="C">

        <h1 id="jiazhiguan">价值观</h1>

        <div class="Q">
            <div class="container">
                <div class="card">
                    <h4>一个今天<br>胜似两个明天

                    </h4>

                </div>
                <div class="card">
                    <h4>坚决离开<br>不想要的</h4>
                </div>
                <div class="card">
                    <h4>尊重每个人<br>的生活方式</h4>
                </div>
                <div class="card">
                    <h4>勇于改变自我<br>修复自我</h4>
                </div>
                <div class="card">
                    <h4>拒绝<br>三观不同的人</h4>
                </div>
            </div>
        </div>

        <div class="service-02">

            <h1 id="zuopingzhan">作品展</h1>
            <div class="service-tabs">
                <br><br><br>
                <ul class="text-center">
                </ul>
                <br>
                <div id="tab-1" class="service-tab">
                    <div class="col-md-6">
                        <img src="海报2.jpeg" alt="">
                        <div class="tab-bg">
                            <h2>01</h2>
                            <h3>我最喜欢的海报作品</h3>
                            <p>我个人觉得做海报就是一种对美的表达，将一些图片排版加上文字进行编排，给人视觉冲击力和影响力。</p>
                            <a href=" http://wang-lililili.gitee.io/work-7" class="btn btn-general btn-yellow">Get In Touch</a>
                        </div>
                    </div>
                </div>
                <div id="tab-2" class="service-tab">
                    <div class="col-md-6">
                        <img src="插画1.jpg" alt="">
                        <div class="tab-bg">
                            <h2>02</h2>
                            <h3>我最喜欢的插画作品</h3>
                            <p>插画当属我最钟意的宫崎骏先生，他的漫画天马星空，带给人自然的魅力，在细节上给人以心灵的洗礼，远离嘈杂，充满童真和幸福。</p>
                            <a href=" http://wang-lililili.gitee.io/work-8 " class="btn btn-general btn-yellow">Get In Touch</a>
                        </div>
                    </div>
                </div>


                <div id="tab-2" class="service-tab">
                    <div class="col-md-6">
                        <img src="龙.jpg" alt="">
                        <div class="tab-bg">
                            <h2>03</h2>
                            <h3>我最喜欢的设计作品</h3>
                            <p>设计美感设计人生，设计与众不同的色彩</p>
                            <a href="http://wang-lililili.gitee.io/work-1 " class="btn btn-general btn-yellow">Get In Touch</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="E">
        <div class="box">

            <h1 id="lianxiwo">联系我</h1>

        </div>
        <div class="G">

            <div class="H">
                <a href="https://weibo.com/u/7311035942/home?wvr=5">微博</a>
            </div>
            <div class="I">
                <a href="https://huaban.com/qfp9xfr4dp/">花瓣</a>
            </div>
            <div class="J">
                <a href="https://space.bilibili.com/2056089934">B站</a>
            </div>
            <div class="L">
                <p>联系电话：17882350293</p>
                <p>邮箱：1377661518@qq.com</p>
                <p>地址：四川省成都市都江堰市青城山镇东软大道1号</p>
            </div>
            <div class="M">
                <img src="微信.png" width="110px" height="110px">
            </div>





        </div>


    </div>





</body>

</html>